<!--引入头部文件-->
{template "content","header"}
<link rel="stylesheet" href="{JS_PATH}/js/pic_tab/pic_tab.css" />
<!--引入导航条-->
{template "content","nav"}
<!--标题图片-->
<div class="thumb">
    <img src="{IMG_PATH}/img/1.png">
</div>
<!--主体-->
<div class="dcit-main">
    <div class="sub-nav">
        <div class="sub">
            <dl>
                <dt>学校概况</dt>
                {pc:content action="category" catid="6" order="listorder ASC"}
                {loop $data $r}
                <dd {if $catid==$r['catid']} class="active" {/if}>
                <a href="{$r['url']}">{$r['catname']}<i class="icon iconfont icon-arrows-r"></i></a>
                </dd>
                {/loop}
                {/pc}
            </dl>
        </div>
        <div class="leave-word">
            <div class="title clearfix">
                <div><i class="icon iconfont icon-leave-word"></i></div>
                <div>
                    <p>留言板</p><small>Message Board</small></div>
            </div>
            <div class="leave-center">
                <input type="text" placeholder="请留下您宝贵的意见或建议" /><span><i class="icon iconfont icon-send"></i></span>
            </div>
        </div>
        <div class="links">
            <h3>相关链接</h3>
            <small>欢迎来到神岗山中学</small>
            {template "content","link"}
        </div>
    </div>
    <div class="main">
        <!--面包屑导航-->
        <div class="breadcrumb">
            <ul>
                <li>
                    <a href="#"><i class="icon iconfont icon-house"></i></a>
                    {catpos($catid)}
                </li>
            </ul>
            <div class="line"></div>
        </div>
        <!---->
        <div class="context">
            <div class="ban" id="demo1">
                <div class="ban2" id="ban_pic1">
                    <div class="prev1" id="prev1"><i class="icon iconfont icon-arrows-prev"></i></div>
                    <div class="next1" id="next1"><i class="icon iconfont icon-arrows-next"></i></div>
                    <ul>
                        {pc:content action="lists" catid="$catid" num="10" order="id DESC"}
                        {loop $data $r}
                        <li>
                            <a href="javascript:;"><img src="{$r[thumb]}" width="914" height="500" alt="{$r[title]}" /></a>
                        </li>
                        {/loop}
                        {/pc}

                    </ul>
                </div>
                <div class="min_pic">
                    <div class="prev_btn1" id="prev_btn1"><i class="icon iconfont icon-arrows-prev"></i></div>
                    <div class="num clearfix" id="ban_num1">
                        <ul>
                            {pc:content action="lists" catid="$catid" num="10" order="id DESC"}
                                {loop $data $r}
                                    <li>
                                        <a href="javascript:;"><img src="{$r[thumb]}" width="165" height="125"/></a>
                                    </li>
                                {/loop}
                            {/pc}
                        </ul>
                    </div>
                    <div class="next_btn1" id="next_btn1"><i class="icon iconfont icon-arrows-next"></i></div>
                </div>
            </div>

            <div class="mhc"></div>

            <div class="pop_up" id="demo2">
                <div class="pop_up_xx"><i class="icon iconfont icon-close"></i></div>
                <div class="pop_up2" id="ban_pic2">
                    <div class="prev1" id="prev2"><i class="icon iconfont icon-arrows-prev"></i></div>
                    <div class="next1" id="next2"><i class="icon iconfont icon-arrows-next"></i></div>
                    <ul>
                        {pc:content action="lists" catid="$catid" num="10" order="id DESC"}
                        {loop $data $r}
                        <li>
                            <a href="javascript:;"><img src="{$r[thumb]}" width="800" height="500" alt="{$r[title]}" /></a>
                        </li>
                        {/loop}
                        {/pc}
                    </ul>
                </div>
            </div>
        </div>

    </div>
</div>
<!--底部-->
<div class="footer">
    <div>
        <span>Copyright&copy;神岗山学校版权所有</span>
        <span>地址：江西省吉安市吉水县神岗山学校</span>
        <span>电话：0797-4445658</span>
    </div>
    <div>
        <span>邮编：341100</span>
        <span>备案号：赣2412822638</span>
    </div>
</div>
</body>
<script type="text/javascript" src="{JS_PATH}/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{JS_PATH}/js/base.js"></script>
<script type="text/javascript" src="{JS_PATH}/js/pic_tab/pic_tab.js"></script>
<script type="text/javascript">
    $(function() {

        $('#demo1').banqh({
            box: "#demo1", //总框架
            pic: "#ban_pic1", //大图框架
            pnum: "#ban_num1", //小图框架
            prev_btn: "#prev_btn1", //小图左箭头
            next_btn: "#next_btn1", //小图右箭头
            pop_prev: "#prev2", //弹出框左箭头
            pop_next: "#next2", //弹出框右箭头
            prev: "#prev1", //大图左箭头
            next: "#next1", //大图右箭头
            pop_div: "#demo2", //弹出框框架
            pop_pic: "#ban_pic2", //弹出框图片框架
            pop_xx: ".pop_up_xx", //关闭弹出框按钮
            mhc: ".mhc", //朦灰层
            autoplay: true, //是否自动播放
            interTime: 5000, //图片自动切换间隔
            delayTime: 400, //切换一张图片时间
            pop_delayTime: 400, //弹出框切换一张图片时间
            order: 0, //当前显示的图片（从0开始）
            picdire: true, //大图滚动方向（true为水平方向滚动）
            mindire: true, //小图滚动方向（true为水平方向滚动）
            min_picnum: 5, //小图显示数量
            pop_up: true //大图是否有弹出框
        })

    });
</script>

</html>